{% extends 'news/hycz.html' %}



{% load static %}
{% block style %}
    <link rel="stylesheet" href="{% static 'news/css/hy.css' %}">
    <link rel="stylesheet" href="{% static 'news/css/log.css' %}">
    <link rel="stylesheet" href="{% static 'news/css/jfdh.css' %}">

{% endblock %}


{% block top %}
    <div id="up">
        <div></div>积分兑换会员
    </div>
{% endblock %}


{% block content %}
    <form action="{% url 'news:jifen' %}" method="post">
    {% csrf_token %}
   <div id="d">
        <div>
            <p class="d_p">支付积分：<span class="d_s1" id="jf_s1">0</span> 原 VIP<span class="d_s2" id="hy_s2">{{ author.vip }}</span> 抵扣<span id="jf_s3">0</span>积分</p>
        </div>
        <p>选择购买方式</p>
        <div class="x_c">
            <div id="x_c_1" a="2" class="xc">
                <div><img src="{% static 'news/media/web/v1.png' %}"></div>
                <div>
                    <p>20,000积分</p>
                    <p>每个月可免费发布2条新闻</p>
                </div>
            </div>
            <div id="x_c_2" a="5" class="xc">
                <div><img src="{% static 'news/media/web/v2.png' %}"></div>
                <div>
                    <p>50,000积分</p>
                    <p>每个月可免费发布5条新闻</p>
                </div>
            </div>
            <div id="x_c_3" a="10" class="xc">
                <div><img src="{% static 'news/media/web/v3.png' %}"></div>
                <div>
                    <p>100,000积分</p>
                    <p>每个月可免费发布10条新闻</p>
                </div>
            </div>
        </div>
        <input type="hidden" name="jifen" class="jf_score">
        <div>
            <input type="submit" name="jf_ok" value="确认支付" id="btn">
        </div>
    </div>


    </form>
{% endblock %}


{% block js %}
{#<script src="static/js/jQuery.js"></script>#}
<script src="{% static 'news/js/jfdh.js' %}"></script>

    <script>
        {#$('#btn').click(function(){#}
        {#    console.log('999999');#}
        {#    url = "{% url 'news:reduce_jf' %}?money=" + money +'&play_choice=' + play_coice;#}
        {#   $.ajax({#}
        {#       url:url,#}
        {#       success:function(data){#}
        {#           console.log(data);#}
        {#           alert(data.msg);#}
        {#           alert(data.info);#}
        {#    },#}
        {#   })#}

        $('.xc').click(function () {
            $('.jf_score').val($(this).attr('a'));
        });





    </script>
{% endblock %}
